 


	<!-- bootstrap / 列表 start-->
	<!-- 文档地址 https://getbootstrap.net/docs/components/list-group/ -->
	<ul class="list-group" style="font-size: 14px">
	  <li class="list-group-item active">Cras justo odio</li>
	  <li class="list-group-item">Dapibus ac facilisis in</li>
	  <li class="list-group-item">Morbi leo risus</li>
	  <li class="list-group-item">Porta ac consectetur ac</li>
	  <li class="list-group-item">Vestibulum at eros</li>
	</ul>
	
	<script type="text/javascript">
		//获取列表项
		var list=$('.list-group .list-group-item');
		//列表点击事件
		list.click(function(){
			console.log($(this).index());
			//利用addClass()、removeClass()来控制当前点击项的样式。
			//siblings()可获取当前点击项的其他兄弟元素
			//$(this).addClass('active')
			//$(this).siblings().removeClass('active');
		})
	</script>
	<!-- bootstrap / 列表 end-->